home *** CD-ROM | disk | FTP | other *** search
/ Personal Computer World 2009 February / PCWFEB09.iso / Software / Resources / Burning & Media / MediaMan 3 / MediaMan3Setup.msi / disk1.cab / MediaMan_Help.chm / css / cb2.css next >
Cascading Style Sheet File  |  2008-09-16  |  3KB  |  111 lines
  1. .coolButton,
  2. .coolButtonHover,
  3. .coolButtonActiveHover,
  4. .coolButtonActive,
  5. .coolButtonActiveDisabled,
  6. .coolButtonDisabled,
  7. .coolButtonUpDisabled {
  8.     cursor:             Default;
  9.     font:                 Icon;
  10.     font-weight:         normal;
  11.     padding:            2px 5px 2px 5px;
  12.     border:                0px solid ButtonFace;
  13.     white-space:        nowrap;
  14.     vertical-align:        middle;
  15.     background-color:    ButtonFace;
  16. }
  17.  
  18. .coolButton img {
  19.     filter:                gray();
  20. }
  21.  
  22. .coolButtonHover {
  23.     border-width:        1px;
  24.     border-left-color:    ButtonHighlight;
  25.     border-right-color:    ButtonShadow;
  26.     border-top-color:    ButtonHighlight;
  27.     border-bottom-color:ButtonShadow;
  28.     padding:            1px 4px 1px 4px;        
  29. }
  30.  
  31. .coolButtonActiveHover {
  32.     border-width:        1px;
  33.     border-left-color:    ButtonShadow;
  34.     border-right-color:    ButtonHighlight;
  35.     border-top-color:    ButtonShadow;
  36.     border-bottom-color:ButtonHighlight;
  37.     padding:            2px 3px 0px 5px;
  38. }
  39.  
  40. .coolButtonActive {
  41.     border-width:        1px;
  42.     border-left-color:    ButtonShadow;
  43.     border-right-color:    ButtonHighlight;
  44.     border-top-color:    ButtonShadow;
  45.     border-bottom-color:ButtonHighlight;
  46.     padding:            2px 3px 0px 5px;
  47.     background-image:    url("images/cbback.gif");
  48. }
  49.  
  50. .coolButtonUpDisabled,
  51. .coolButtonActiveDisabled,
  52. .coolButtonDisabled {
  53.     padding:            2px 5px 2px 5px;
  54.     color:                GrayText;
  55.     border-width:         0px;
  56. }
  57.  
  58. .coolButtonActiveDisabled {
  59.     border-width:        1px;
  60.     border-left-color:    ButtonShadow;
  61.     border-right-color:    ButtonHighlight;
  62.     border-top-color:    ButtonShadow;
  63.     border-bottom-color:ButtonHighlight;
  64.     padding:            2px 3px 0px 5px;
  65. }
  66.  
  67. .coolButtonUpDisabled {
  68.     border-width:        1px;
  69.     border-left-color:    ButtonHighlight;
  70.     border-right-color:    ButtonShadow;
  71.     border-top-color:    ButtonHighlight;
  72.     border-bottom-color:ButtonShadow;
  73. }
  74.  
  75. /* My latest build of mozilla crashed with the opacity */
  76. .coolButtonUpDisabled img,
  77. .coolButtonActiveDisabled img,
  78. .coolButtonDisabled img {
  79.     -moz-opacity:        0.5;
  80. }
  81.  
  82. /* IE specific
  83.  * When the button becomes disbabled the innerHTML is enclosed by two spans
  84.  * This is done so that the image will look disabled using filters
  85.  */
  86. .coolButtonUpDisabled .coolButtonDisabledContainer,
  87. .coolButtonActiveDisabled .coolButtonDisabledContainer,
  88. .coolButtonDisabled .coolButtonDisabledContainer {
  89.     display:            block;
  90.     background:            GrayText;
  91.     filter:                chroma(color=#010101) dropshadow(color=ButtonHighlight, offx=1, offy=1);
  92.     width:                100%;
  93.     height:                100%;
  94.     vertical-align:        center;
  95. }
  96.  
  97. .coolButtonUpDisabled .coolButtonDisabledContainer .coolButtonDisabledContainer,
  98. .coolButtonActiveDisabled .coolButtonDisabledContainer .coolButtonDisabledContainer,
  99. .coolButtonDisabled .coolButtonDisabledContainer .coolButtonDisabledContainer {
  100.     background:            Transparent;
  101.     filter:                gray()
  102.                         /* Remove all bright shades of gray */
  103.                         chroma(color=#ffffff) chroma(color=#fefefe) chroma(color=#fdfdfd)
  104.                         chroma(color=#fcfcfc) chroma(color=#fbfbfb) chroma(color=#fafafa)
  105.                         chroma(color=#f9f9f9) chroma(color=#f8f8f8) chroma(color=#f7f7f7)
  106.                         chroma(color=#f6f6f6) chroma(color=#f5f5f5) chroma(color=#f4f4f4)
  107.                         chroma(color=#f3f3f3) 
  108.                         mask(color=#010101);
  109. }
  110.  
  111. /* end IE specific */